<!DOCTYPE html>
<html>

<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>注册</title>
	<link rel="stylesheet" href="./css/bootstrap.min.css">
	<script src="./js/jquery-3.5.1.slim.min.js"></script>
	<script src="./js/popper.min.js"></script>
	<script src="./js/bootstrap.min.js"></script>
	
	<style type="text/css">
		body {
			background: url('./images/d1.jpg');
			/* 让背景图基于容器大小伸缩 */
			background-size: cover;
		}

		.a {background-color: transparent;
			border: 1px solid #ccc;}

		.c {
			font-size: 14px;
		}

		.v {
			font-size: 12px;
		}
	</style>
</head>

<body>
	<div class="content">
		
		<div class="container mt-0 mb-5 pt-0 pt-md-5 ">
			<div class="row ">
				<div class="col-sm-12 col-md-3 col-lg-4 "></div>
				<div class="col-sm-12 col-md-6 col-lg-4 form-box card p-3 pb-0 a">
					<h3>欢迎注册</h3>
					<p class="c"><span>已有账号</span> <a href="login.html">密码登录</a></p>
					<div class="card-body m-1">
						<form action="login1.html" onsubmit="return checkAll()">
							<div class="form-group">
								<label for="registerName">用户名</label>
								<input type="text" class="form-control mx-1 mr-2" id="name" placeholder="用户名"
									onblur="userName()">
								<div id="user_tip" class="ml-1">请输入任意字符2-13位的用户名</div>
							</div>
							<div class="form-group">
								<label for="registeripone">手机号</label>
								<input type="text" class="form-control mx-1 mr-2" id="sjh"
									placeholder="请输入手机号" onblur="userIpone()">
								<div id="ipone_tip" class="ml-1 mb-3">请输入以1开头的11位手机号</div>
							</div>
							<div class="form-group">
								<label for="registeripone">电子邮箱</label>
								<input type="text" class="form-control mx-1 mr-2" id="yx" placeholder="请输入邮箱"
									onblur="userEmail()">
								<div id="email_tip" class="ml-1 mb-3">邮箱格式示例：web@126.com</div>
							</div>
							<div class="form-group">
								<label for="registerPassword">密码</label>
								<input type="password" class="form-control" id="pwd" placeholder="请输入密码"
									onblur="passwordName()">
								<div id="pwd_tip">请输入字符为4-12位的密码</div>
							</div>
							<div class="form-group">
								<label for="registerRePassword">确认密码</label>
								<input type="password" class="form-control" id="repwd" placeholder="请再次输入密码"
									onblur="passwordreName()">
								<div id="pwdRe_tip"></div>
							</div>
							<button type="submit" class="btn btn-primary p-2 btn-block">注册</button>
						</form>
						<div class="form-group ml-4 mt-3 ">
							<input type="checkbox" class="form-check-input" id="rloginPassword" name="">
							<label class="form-check-label  v" for="">
								阅读并接受<a href="#">《用户协议》</a><a href="#">《隐私权保护声明》</a>
							</label>
						</div>

					</div>


				</div>
				<div class="col-sm-12 col-md-3 col-lg-4 "></div>
			</div>

		</div>

	</div>
	<!--脚部-->
	
	<script src="js/register.js"></script>
</body>

</html>